<%-- 
    Document   : instalaciones
    Created on : 21-jun-2013, 0:06:13
    Author     : davidcabrera
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@page import="javax.swing.text.Document"%>
<%@page import="negocio.Instalacion"%>
<%@page import="java.util.List"%>
<%@page import="negocio.dao.DAO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Instalaciones</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
        <script src="js/jquery-1.7.min.js"></script>
        <script src="js/jquery.easing.1.3.js"></script>
        <script src="js/cufon-yui.js"></script>
        <script src="js/Asap_400.font.js"></script>
        <script src="js/Coolvetica_400.font.js"></script>
        <script src="js/Kozuka_M_500.font.js"></script>
        <script src="js/cufon-replace.js"></script>
        <script src="js/FF-cash.js"></script>
    </head>
    <body>
        <div class="main">
            <div class="bg-img"></div>
            <!--==============================header=================================-->
            <header>
                <h1><a href="index.jsp">Sport <strong>Club.</strong></a></h1>

                <div style="margin-top: 30px; margin-left: 750px">        

                </div> 
                <div >

                    <logic:empty name="usuario" scope="session">
                        <html:form action="/login" >
                            <div>
                                <table border="0" class="login-form">
                                    <tbody>
                                        <tr>
                                            <td><strong>Email:</strong></td>
                                            <td><html:text property="email" name="LoginForm" style="text-align:right"/></td>
                                        </tr>
                                        <tr>
                                            <td><strong>Clave:</strong></td>
                                            <td><html:password property="pass" name="LoginForm" style="text-align:right"/></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" class="button" style="text-align:right;"><html:submit value="Login"/></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="text-align:right"><a href="registro.jsp" class="color-1">¡Registrate!</a></td>
                                        </tr>

                                    </tbody>
                                </table>
                            </div>
                        </html:form>
                    </logic:empty>

                    <logic:notEmpty name="usuario" scope="session">
                        <div style="text-align: right" >
                            Bienvenido, <strong><a class="link" href="cuenta.do"><bean:write name="usuario" property="nombre"/></a></strong>

                            <br/>
                            <a class="link" href="unlogin.do" >Desconectar</a>
                        </div>
                    </logic:notEmpty>

                </div>


                <nav style="clear: both">

                    <ul class="menu">
                        <li><a href="index.jsp">Principal</a></li>
                        <li class="current"><a href="instalaciones.do">Instalaciones</a></li>
                        <li><a href="galeria.jsp">Galeria</a></li>
                        <li><a href="contacta.jsp">Contacta</a></li>
                    </ul>
                </nav>
            </header>   
            <!--==============================content================================-->
            <section id="content"><div class="ic"></div>
                <div class="container_12">
                    <div class="grid_12">
                        <div class="box-shadow">
                            <div class="wrap block-2">


                                <!-- Division de la izquierda-->
                                <div class="col-3">
                                    <h2 class="p3">Instalaciones <span class="color-1">Principales</span></h2>
                                    <!--<p class="p2"><strong>Nam liber tempor cum soluta nobis eleifend</strong></p>-->
                                    <p class="p4">Accede rapidamente desde este menu a cualquier instalacion.</p>
                                    <ul class="list-2 p5">

                                        <logic:empty name="instalaciones">
                                            <jsp:forward page="instalaciones.do"/>
                                        </logic:empty>

                                        <logic:notEmpty name="instalaciones">

                                            <c:forEach items="${instalaciones}" var="instalacion">
                                                <li><form name="${instalacion.idInstalacion}" method="post" action="instalacion.do" >
                                                        <input type="hidden" name="id" value="${instalacion.idInstalacion}"> 
                                                        <a onclick="submit()" ><c:out value="${instalacion.nombre}" /></a>
                                                    </form>
                                                </li>
                                            </c:forEach>   


                                        </logic:notEmpty>

                                    </ul>
                                    <p>No olvides enviarnos cualquier <a href="contacta.jsp"><span class="color-1">sugerencia</span></a> que pueda ayudarnos a mejorar.</p>
                                </div>


                                <!-- Division de la derecha-->
                                <div class="col-4">
                                    <h2 class="p3"><span class="color-1">Nuestras</span> instalaciones</h2>
                                    <p class="p2"><strong>¡Elige tus instalaciones preferidas!</strong></p>
                                    <p>A continuacion se muestra un listado con todas nuestras instalaciones deportivas e informacion sobre estas. Selecciona una de ellas para ver sus pistas deportivas.</p>

                                   
                                    <logic:notEmpty name="instalaciones">
                                        
                                         <c:forEach items="${instalaciones}" var="instalacion">
                                             <div class="wrap box-1 top-2">
                                                 <img src="images/${instalacion.foto}" alt="" class="img-border img-indent">
                                                <form name="${instalacion.idInstalacion}" method="post" action="instalacion.do" >
                                                    <div class="extra-wrap">
                                                    <p class="p2">
                                                        <input type="hidden" name="id" value="${instalacion.idInstalacion}"> 
                                                        <strong><a onclick="submit()" class="color-1"><c:out value="${instalacion.nombre}" /></a></strong>
                                                    </p>
                                                    <p>${instalacion.direccion}</p>
                                                    <p>${instalacion.descripcion}</p>  
                                                     </div>
                                                    </form>
                                                
                                             </div>
                                            </c:forEach> 
                                        
                                       
                                    </logic:notEmpty>


                                </div>
                            </div>
                        </div> 
                    </div>
                    <div class="clear"></div>
                </div>
            </section> 
            <!--==============================footer=================================-->
        </div>
        <%@include file="footer.jsp" %>
    </body>
</html>
